:root {
    --color-primary: #14C4BC;
    --color-primary-hover: #10aca4;
    --color-background: #f7f7f7;
    --color-white: #fff;
    --color-sign-bg: #f1f1f1;
    --color-white-s: #f7f7f7;
    --color-gray-p: #f6f7f8;
    --color-gray-s: #ededed;
    --color-gray-l: #ddd;
    --color-text-p: #303233;
    --color-text-s: #606263;
    --color-text-l: #909293;
    --color-border: #ecdfe6;
    --color-focus: #009ad3;
    --color-error: #ff6c93;
    --color-wring: #f19200;
    --font-size-small-s: 10px;
    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-medium-x: 16px;
    --font-size-large: 18px;
    --font-size-large-x: 22px;
    --border-radius: 4px;
    --main-max-width: 710px;
    --main-min-width: 568px;
}